<template>
    <div>
        <el-table :data="tableData">
            <el-table-column prop="id" label="序号" width="140">
            </el-table-column>
            <el-table-column prop="title" label="标题" width="120">
            </el-table-column>
            <el-table-column prop="content" label="内容">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    name: 'ListArticle',
    data() {

        return {
            tableData: []
        }
    },
    created() {
        this.$http.get('/articles/index')
            .then(res => {
                this.tableData = res.data
                console.log(res.data)
            })
    },

}
</script>

<style>
.el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
}

.el-aside {
    color: #333;
}
</style>